@charset "utf-8";
/*------------------通用样式-------------------*/

body { font-family: "微软雅黑"; background-color:#FFF; }
* { margin:0; padding:0; }
ul,
ol,
li { list-style:none }
a { text-decoration: none; font-size:12px; color:#333; }
a:hover { color:#c; }
img { margin:0; padding:0; border:none; }
.clear { clear:both; margin:0px; padding:0px; }
form { display: block; }
.layout{ width:1200px; margin:0 auto; border:1px solid #ccc;}
#all { width: 100%; margin:0px auto; height: auto; min-width:1200px; overflow:hidden; background-color:#FFF; }
#alla { width: 100%; margin:0px auto; height: auto; min-width:1200px; overflow:hidden; background-color:#f4f5f6; }
.nav ul li h2,
.ce_nav li h3,
.nava ul li h2 { font-weight:normal; }
#channel_cover { text-align:center}
#channel_cover img { width:100%; height:100%}
.fr { float:right; font-size:12px}
.list-group { height:30px; line-height:30px; }
.ft { float:right; font-size:9px; font-family:Arial, Helvetica, sans-serif; margin-right:10px}
.cc { padding-left:10px; line-height:24px}
/*--------------------通用样式结束----------------------*/



/*-------头部样式 开始--------*/

.header { width:100%; height:85px; margin:0px auto; overflow:hidden; position:relative; z-index:9; }
.head_inside { width:1200px; height:85px; overflow:hidden; margin-left:auto; margin-right:auto; }
.logo { height:55px; overflow:hidden; float:left; margin-top:15px; }
.logo a { display:block; }
.head_r { float:right; }
.nav { height:50px; margin-top:15px; position:relative; }
.nav ul { clear:both; }
.nav ul li { float:left; margin-left:20px; height:50px; width:80px; }
.nav ul li a { height:50px; width:80px; display:block; color:#FFF; font-size:18px; line-height:50px; text-align:center; }
#navBd { position:relative; }
.navHover a { color:#fff; }
#navSelected { position:absolute; top:0; width:80px; height:50px; background:url(../images/header.png) no-repeat 0 bottom; }
/*-------头部样式 结束----------*/

/*--------banner样式 开始-------*/

.banner { width:1600px; height:719px; overflow:hidden; margin:0px auto; position: relative; margin-top:-85px; }
/*-------首页banner特效------*/

.banner_index { width:100%; height:719px; position:relative; overflow:hidden; cursor:pointer; }
.banner_index .DB_bgSet { position:relative; }
.banner_index .DB_bgSet li { position:absolute; width:100%; height:719px; display:none; }
.banner_index .DB_imgSet { position:absolute; width:988px; left:50%; margin-left:-500px; margin-top:150px; }
.banner_index .DB_imgSet .DB_1_1 { position:absolute; left:20px; top:120px; }
.banner_index .DB_imgSet .DB_1_2 { position:absolute; left:20px; top:200px }
.banner_index .DB_imgSet .DB_1_4 { position:absolute; left:20px; top:320px }
.banner_index .DB_imgSet .DB_1_3 { position:absolute; left:370px; top:0px }
.banner_index .DB_imgSet .DB_2_1 { position:absolute; left:20px; top:120px; }
.banner_index .DB_imgSet .DB_2_2 { position:absolute; left:20px; top:220px }
.banner_index .DB_imgSet .DB_2_3 { position:absolute; left:540px; top:0px }
.banner_index .DB_imgSet .DB_3_1 { position:absolute; left:520px; top:120px; }
.banner_index .DB_imgSet .DB_3_2 { position:absolute; left:520px; top:200px }
.banner_index .DB_imgSet .DB_3_3 { position:absolute; left:-100px; top:0px }
.banner_index .DB_imgSet .DB_4_1 { position:absolute; left:120px; top:0px; }
.banner_index .DB_imgSet .DB_4_2 { position:absolute; left:540px; top:120px }
.banner_index .DB_imgSet .DB_4_3 { position:absolute; left:690px; top:150px }
.banner_index .DB_imgSet .DB_4_4 { position:absolute; left:540px; top:250px }
.banner_index .DB_imgSet .DB_4_5 { position:absolute; left:770px; top:0px }
.banner_index .DB_menuWrap { position:absolute; width:100%; }
.banner_index .DB_menuWrap .DB_menuSet { position:absolute; width:100%; top:500px; text-align:center; font-size:0; border-radius:20px; }
.banner_index .DB_menuWrap .DB_menuSet li { cursor:pointer; margin:0 5px; display:inline }
.banner_index .DB_prev { position:absolute; right:200px; top:170px; cursor:pointer; display:none }
.banner_index .DB_next { position:absolute; left:20px; top:170px; cursor:pointer; display:none }
/*-------banner样式 结束--------*/


.main { width:100%; margin-left:auto; margin-right:auto; clear:both; }
/*------首页-一站式服务样式--------*/
.tag { display: block; padding: 5px 35px; font: bold 14px/20px;  background: url(images/ico1.gif) 20px center no-repeat; }
.tag1 { display: block; padding: 5px 35px; font: bold 14px/20px; background: url(images/hot_line.gif) 20px center no-repeat; }
.tag a { color:#076895; font:normal; }
.tag a:hover { color:#f60 }
#i_products {width:1200px; margin:0 auto; padding-top:40px}
.i_left{ float:left; width:230px}
.lt_title { height:35px; line-height:40px; font-weight:bold; color:#484848; padding-left:50px;background:url(images/lt.jpg) no-repeat}
.i_right{ float:right; width:950px}
.rt_title { height:35px; line-height:35px; font-weight:bold; color:#484848; padding-left:40px;background:url(images/rt.jpg) no-repeat}
.l_body { padding:10px; background:#F8F8F8; margin-bottom:20px; border:1px solid #DAD9DE; border-top:none; overflow:hidden}
.l_body li { line-height:32px; margin:1px 0; padding:2px; }
.l_body li a { display:block; padding-left:20px; color:#484848; font-size:14px; font-weight:bold; line-height:32px; background:url(images/picture_list.jpg) center no-repeat;  }
.l_body li a:hover { text-decoration:none; color:#fff;background:url(images/picture_list_hover.jpg) center no-repeat; }

.one_stop { width:100%; padding-top:50px; padding-bottom:50px; }
.os_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:40px; }
.same_title { width:1200px; height:60px; margin-left:auto; margin-right:auto; }
.en_name { width:1200px; height:30px; line-height:30px; font-size:24px; color:#666; text-align:center; font-weight:bold; }
.ch_name { width:1200px; height:20px; line-height:20px; font-size:18px; color:#333; text-align:center; margin-top:10px; }
.os_slogan { width:1200px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999; margin-top:20px; margin-left:auto; margin-right:auto; }
.m_btn { width:200px; height:40px; text-align:center; font-size:14px; line-height:40px; border-radius:50px; color:#999; border:1px solid #CCC; display:block; margin-left:auto; margin-right:auto; margin-top:40px; }
.m_btn:hover { background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
#about_body{ width:1200px; overflow:hidden; margin:0 auto; height:255px; padding:10px; line-height:28px}
#about_body p { color:#717171}
#hot_product{ width:1200px; margin:0 auto}
/*右无缝滚动*/
#scrollleft { overflow:hidden; width:100%;}
#scrollleft .scrollmain { float:left; width:1000%; }
#scroll_a { float:left; }
#scroll_b { float:left; }

/*--------一站式服务特效代码---------*/


#wrap { width: 1200px; margin-left:auto; margin-right:auto; overflow: hidden; margin-top:60px; }
section { display: block; position: relative; width: 100%; }
h4.jumbo { font-size: 80px; margin: 0; color: #999999; text-align:center; }
.os_single { width:395px; float: left; border-right:5px solid #0FA1D3; }
.count-text { line-height:30px; font-size:16px; color:#333; text-align:center; }
.os_single.no_m { border:0px; }
/*--------首页-购买流程----------*/

.i_project { width:100%; padding-top:50px; padding-bottom:60px; background-image:url(images/project.jpg); background-repeat:no-repeat; background-position:top center; background-color:#f4f5f6; }
.iproject_frame { width:1200px; margin-left:auto; margin-right:auto; }
/*= common css to all effects =*/
.single-member { width: 270px; float: left; margin-top:70px; margin-right:30px; background-color: #fff; text-align: center; position: relative; }
.member-image img { max-width: 100%; vertical-align: middle; }
.member-info h3 a { margin: 10px 0 0; text-transform: uppercase; font-size:18px; display:block; }
.member-info h3 a:hover { color:#0FA1D3; }
.member-info h5 { font-size: 12px; font-weight: 300; margin: 0 0 15px; line-height: 30px; margin-top:0px; color:#666; }
.member-info p { font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin-bottom: 10px; color:#333; }
.social-touch a { display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s; }
.social-touch a:hover { opacity: 1; transition: 0.3s; }
.fb-touch { background-position: 0 0; }
.tweet-touch { background-position: -35px 0; }
.linkedin-touch { background-position: -71px 0; }
.icon-colored .fb-touch { background-position: 0 -27px; }
.icon-colored .tweet-touch { background-position: -35px -27px; }
.icon-colored .linkedin-touch { background-position: -71px -27px; }
/*= common css to all effects end =*/



/*= effect-3 css =*/
.effect-3 { height: 275px; overflow: hidden; }
.effect-3 h3 { padding-top:20px; line-height: 30px; font-size:18px; color:#333; }
.effect-3 .member-image { transition: 0.4s; height: 180px; width: 100%; display: inline-block; float: none; vertical-align: middle; }
.effect-3 .member-info { transition: 0.4s; }
.effect-3 .member-image img { width: 100%; vertical-align: bottom; }
.effect-3 .social-touch { background-color: #75C5F0; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s; }
.effect-3:hover .member-image { border-bottom: 0; border-radius: 0 0 100px 100px; height: 73px; display: inline-block; overflow: hidden; width: 110px; transition: 0.4s; }
/*= effect-3 css end =*/

/*--------首页-产品中心--------*/
.i_business { width:100%; padding-top:50px; padding-bottom:60px; }
.ib_frame { width:1200px; margin-left:auto; margin-right:auto; }
.ib_frame ul li { height:300px; width:270px; line-height:80px; text-align:center; position:relative; overflow:hidden; float:left; margin-top:30px; margin-right:40px; }
.ib_frame ul li span { width:240px; height:272px; overflow:hidden; display:block; position:absolute; }
.ib_frame ul li a { color:#333333; font-size:16px; display:block; width:270px; height:30px; line-height:30px; font-weight:bold; margin-top:20px; }
.ib_frame ul li:hover a { color:#0FA1D3; }
.ib_frame ul li p { line-height:25px; font-size:12px; color:#666; padding:10px; }
.tubiao { width:240px; height:136px; overflow:hidden; position:relative; margin-left:auto; margin-right:auto; }
.ib_frame ul .no_m { margin-right:0px; }
/*--------首页-经典案例样式----------*/

.i_case { width:100%; padding-top:50px; padding-bottom:60px; background-color:#f4f5f6; }
.icase_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; }
.type_kuang { width:1200px; background-color:#f4f5f6; padding-top:30px; margin-left:auto; margin-right:auto; }
.type_list { text-align:center; }
.type_list h3 { display:inline-block; }
.type_list a { line-height:40px; padding-left:25px; padding-right:25px; margin-left:10px; margin-right:10px; border:1px solid #CCC; display:inline-block; font-size:14px; background-color:#FFF; margin-top:10px; border-radius:40px; }
.type_list a:hover { background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
.channel_list li {  float:left; height:30px; line-height:30px; margin:5px 0 }
.channel_list li a { line-height:30px; padding-left:10px; padding-right:10px; margin-left:5px; margin-right:5px; border:1px solid #CCC; display:inline-block; font-size:14px; background-color:#FFF; margin-top:10px; border-radius:25px; }
.channel_list li a:hover { background: #CB0000; color: #FFF; text-decoration: none; }
.channel_list li a.current { background: #CB0000; color: #FFF; text-decoration: none; }

.channel_list1 li { margin-bottom: 2px; }
.channel_list1 li a { display: block; background: #EEE; line-height: 40px; padding: 0 10px; }
.channel_list1 li a:hover { background: #0FA1D3; color: #FFF; text-decoration: none; }
.channel_list1 li a.current { background: #0FA1D3; color: #FFF; text-decoration: none; }

.hh { height:30px}
.box li { width: 280px; height: 190px; overflow: hidden; float: left; margin-right:26px; position: relative; background: #f6f6f6; margin-top:20px; }
.top { position: absolute; z-index:1; height: 5px; width: 0px; top: 0px; width: 0px; }
.bottom { position: absolute; z-index:1; height: 5px; width: 0%; bottom: 0px; right: 0px; }
.left { height: 0; position: absolute; left: 0px; width: 5px; }
.right { height: 0; position: absolute; right: 0px; width: 5px; bottom: 0px; }
.icase_pic { width: 270px; height: 180px; position: absolute; z-index: 1; top: 5px; left: 5px; display:block; overflow:hidden; }
.icase_name { position: absolute; z-index: 2; background: rgba(15, 161, 211, 0.5); height: 0px; line-height: 40px; width: 270px; overflow:hidden; font-size:14px; text-align: center; color: #fff; bottom: 5px; left: 5px; display:block; }
.box .no_m { margin-right:0px; }
/*---------首页-新闻动态样式----------*/

.i_news { width:100%; padding-top:50px;  }
.inews_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; }
.inews_single { width:360px; height:150px; float:left; margin-right:60px; margin-top:40px; }
.inews_time { width:60px; height:100px; float:left; }
.int_day { line-height:40px; font-size:40px; color:#0FA1D3; }
.int_year { line-height:20px; color:#999; font-size:12px; }
.inews_text { width:290px; height:150px; float:right; }
.int_name { width:290px; height:39px; line-height:30px; font-size:16px; color:#333; border-bottom:1px solid #CCC; overflow:hidden; font-weight:bold; display:block; }
.inews_content { width:290px; height:80px; line-height:25px; overflow: hidden; font-size:12px; color:#666; margin-top:10px; }
.int_icon { width:30px; height:30px; display: block; background-image:url(look.png); background-repeat:no-repeat; margin-top:20px; }
.inews_single.no_m { margin-right:0px; }
.int_name:hover { color:#0FA1D3; }
.inews_single:hover .int_icon { background-image:url(looka.png); }
#index_news{width:1200px; margin:0 auto;}
#index_news .title { height:30px; line-height:30px; background:url(images/ico.gif) left no-repeat}
.in_left { float:left; width:288px; margin-left:70px}
#index_news a { padding-left:10px}
.in_center {float:left; width:288px;margin-left:132px}
.in_right { float:right; width:288px}
/*---------首页-合作伙伴样式-----------*/


.i_partner { width:100%; padding-top:50px; padding-bottom:60px; background-color:#f4f5f6; }
.ipartner_frame { width:1026px; margin-left:auto; margin-right:auto; margin-top:20px; position:relative; }
/*-核心代码-*/
/* demo style */
ul.sdt_menu { list-style:none; font-family:"Myriad Pro", "Trebuchet MS", sans-serif; font-size:14px; height:480px; margin:60px auto 0 auto; padding:0; }
ul.sdt_menu a { text-decoration:none; outline:none; }
ul.sdt_menu li { float:left; width:185px; height:160px; position:relative; cursor:pointer; }
ul.sdt_menu li > a { position:absolute; top:0; left:0; width:185px; height:160px; z-index:12; background:url(images/overlay.png) no-repeat top right; }
ul.sdt_menu li a img { border:none; position:absolute; width:0; height:0; bottom:0; left:90px; z-index:100; }
ul.sdt_menu li span.sdt_wrap { position:absolute; top:0px; left:0; width:185px; height:160px; z-index:15; overflow:hidden; }
ul.sdt_menu li span.sdt_active { position:absolute; background:#111; top:80px; width:185px; height:0; left:0; z-index:14; -moz-box-shadow:0 0 4px #000 inset; -webkit-box-shadow:0 0 4px #000 inset; box-shadow:0 0 4px #000 inset; }
ul.sdt_menu li span span.sdt_descr { color:#0B75AF; float:left; clear:both; width:185px; font-size:10px; letter-spacing:1px; }
ul.sdt_menu li div.sdt_box { position:absolute; width:360px; overflow:hidden; height:150px; top:-190px; display:none; background:#FFF; z-index:99; color:#333; padding:20px; line-height:25px; font-size:12px; color:#666; border:1px solid #CCC; }
.ip7 div.sdt_box { margin-left:-200px; }
.sdt_link.logoa { background-image:url(../images/kehu1.png); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.sdt_link.logoaa { background-image:url(../images/kehu.png); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.sdt_link.logob { background-image:url(../images/2.jpg); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.sdt_link.logoc { background-image:url(../images/3.jpg); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.sdt_link.logod { background-image:url(../images/4.jpg); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.sdt_link.logoe { background-image:url(../images/5.jpg); background-repeat:no-repeat; display: block; width: 185px; height: 160px; overflow: hidden; }
.ip2 { top: 80px; margin-left: -45px; z-index: 21; }
.ip3 { top: 0px; margin-left: -45px; z-index: 20; }
.ip4 { top: 80px; margin-left: -45px; z-index: 21; }
.ip5 { top: 0px; margin-left: -45px; z-index: 20; }
.ip6 { top: 80px; margin-left: -45px; z-index: 21; }
.ip7 { top: 0px; margin-left: -45px; z-index: 20; }
.ip8 { top: 0px; margin-left: 0px; z-index: 21; }
.ip9 { top: 80px; margin-left: -45px; z-index: 22; }
.ip10 { top: 0px; margin-left: -45px; z-index: 21; }
.ip11 { top: 80px; margin-left: -45px; z-index: 22; }
.ip12 { top: 0px; margin-left: -45px; z-index: 21; }
.ip13 { top: 80px; margin-left: -45px; z-index: 22; }
.ip14 { top: 0px; margin-left: -45px; z-index: 21; }
.ip15 { top: 0px; margin-left: 840px; z-index: 22; }
.ip14 div.sdt_box { margin-left:-200px; }
/*-----------首页-底部样式------------*/

.footer { width:100%; height:440px; background-image: url(images/f_bg.jpg); background-repeat:no-repeat; background-position:top center; }
.foot { width:1200px; height:300px; padding-top:50px; margin-left:auto; margin-right:auto; }
.foot_left { width:340px; height:300px; overflow:hidden; float:left; color:#CCCCCC; }
.fl_title { width:340px; height:30px; line-height:30px; font-size:16px; color:#FFF; font-weight:bold; }
.fl_frame { width:340px; height:240px; margin-top:20px; }
.fl_frame ul li { width:340px; line-height:30px; font-size:14px; margin-top:5px; }
.fl_frame ul li a { width:340px; display:block; color:#cccccc; line-height:30px; font-size:14px; }
.fl_frame ul li a:hover .c_c { color:#0FA1D3; }
.foot_middle { width:480px; height:300px; float:left; margin-left:50px; color:#cccccc; }
.fm_top { width:480px; height:40px; line-height:40px; font-size:28px; color:#FFF; }
.fm_top span { font-weight:bold; color:#0FA1D3; }
.fm_text { width:480px; margin-top:60px; }
.fm_text p { width:480px; line-height:30px; font-size:14px; padding-top:5px; }
.fm_icon { width:480px; height:30px; margin-top:40px; }
.fm_icon a { width:30px; height:30px; float:left; margin-right:30px; display:block; }
.fm_weibo { background-image:url(weibo.png); background-repeat:no-repeat; }
.fm_weibo:hover { background-image:url(weiboa.png); background-repeat:no-repeat; }
.fm_weixin { background-image:url(weixin.png); background-repeat:no-repeat; }
.fm_weixin:hover { background-image:url(weixina.png); background-repeat:no-repeat; }
.fm_qq { background-image:url(qq.png); background-repeat:no-repeat; }
.fm_qq:hover { background-image:url(qqa.png); background-repeat:no-repeat; }
.foot_right { width:200px; height:300px; float:right; }
.weixin { width:120px; height:120px; overflow:hidden; margin-left:80px; margin-top:10px; }
.fr_text { width:200px; line-height:30px; font-size:14px; color:#CCC; text-align:right; margin-top:25px; }
.record { width:1200px; height:40px; line-height:40px; font-size:12px; color:#999; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; }
/*--------------------关于我们-页面样式----------------------*/

.nava { height:50px; margin-top:15px; position:relative; }
.nava ul { clear:both; }
.nava ul li { float:left; margin-left:20px; height:50px; width:80px; }
.nava ul li a { height:50px; width:80px; display:block; color:#333; font-size:18px; line-height:50px; text-align:center; }
.banner_about { width:100%; height:400px; background-image:url(about.jpg); background-repeat:no-repeat; background-position:top center; }
.m_top { width:100%; height:70px; margin-left:auto; margin-right:auto; background-color:#FFF; }
.mtop_frame { width:1200px; height:70px; margin-left:auto; margin-right:auto; }
.page_title { width:400px; height:70px; line-height:70px; font-size:18px; color:#333; font-weight:bold; float:left; }
.page_title span { font-weight:normal; color:#666; padding-left:20px; }
.crumbs { width:600px; height:20px; float:right; margin-top:25px; text-align:right; margin-right:20px; }
.position { font-size:12px; color:#888; line-height:20px; height:20px; }
.position a { font-size:12px; color:#333; }
.position a:hover { color:#0FA1D3; }
.position span { padding-right:10px; height:20px; line-height: 20px; display: inline-block; }
.profiles { width:100%; height:320px; background-color:#f4f5f6; padding:50px 0px;overflow:hidden }
.profiles1 { width:100%; height:520px; background-color:#f4f5f6; padding:50px 0px; overflow:hidden}
.profiles_frame { width:1200px; height:360px; margin-left:auto; margin-right:auto; color:#333333; line-height:28px;}
.profiles_text { width:600px; height:150px; line-height:30px; font-size:14px; color:#333; float:left; margin-top:60px; }
.profiles_pic { width:550px; height:265px; float:left; margin-left:50px; }
.advantage { width:100%; padding:50px 0px; }
.advantage_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:50px; }
.adf_title { width:1200px; height:30px; margin-left:auto; margin-right:auto; }
.adf_big { width:1200px; height:35px; line-height:35px; font-size:24px; color:#0FA1D3; text-align:center; font-weight:bold; }
.adf_small { width:1200px; height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; margin-top:15px; }
.adf_single { width:270px; height:300px; position:relative; overflow:hidden; float:left; margin-right:40px; }
.adf_single.tmplS4 { margin-right:0px; }
.cover { position: absolute; z-index: 40; width: 270px; height: 300px; }
.tmplS1 .cover { background-image:url(a1.jpg); background-repeat:no-repeat; }
.tmplS2 .cover { background-image:url(a2.jpg); background-repeat:no-repeat; }
.tmplS3 .cover { background-image:url(a3.jpg); background-repeat:no-repeat; }
.tmplS4 .cover { background-image:url(a4.jpg); background-repeat:no-repeat; }
.wrapS { position: relative; width:270px; height:300px; background-color:#f4f5f6; }
.wrapS p { line-height: 30px; text-align:center; }
.wrapS .ttl { color:#333; padding-top:30px; font-weight:bold; font-size: 16px; }
.wrapS .opt { color:#666; font-size:12px; padding:20px; }
.wrapS .opt .nlink { color: #0c96f2; text-decoration: none }
.Idea { width:100%; height:700px; background-image:url(ab_bg.jpg); background-repeat:no-repeat; background-position:top center; }
.team { width:100%; padding:50px 0px; }
.team_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:50px; }
.the_same { width:1200px; margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-size:24px; color:#333; text-align:center; font-weight:bold; }
.ts_small { width:860px; margin-left:auto; margin-right:auto; line-height:30px; font-size:14px; color:#666; text-align:center; margin-top:20px; }
.tf_left { width:360px; height:180px; float:left; }
.tf_right { width:800px; height:120px; float:right; margin-top:30px; }
.tfr_single { width:200px; height:120px; float:left; }
.tfr_icon { width:80px; height:80px; margin-left:auto; margin-right:auto; }
.tfr_single p { width:200px; height:20px; font-size:14px; color:#333; text-align:center; margin-top:20px; }
.staff { width:100%; height:760px; padding:50px 0px; background-image:url(s_bg.jpg); background-repeat:no-repeat; background-position:top center; }
.staff_frame { width:1200px; margin-left:auto; margin-right:auto; position:relative; }
/*照片墙特效*/
.iw_wrapper { width:1140px; margin:60px auto 100px auto; position:relative; padding-left:80px; }
ul.iw_thumbs li { float:left; margin:5px; }
ul.iw_thumbs li div { position:absolute; top:5px; width:280px; padding:0px 10px; display:none; color:#fff; z-index:100; }
ul.iw_thumbs li div h2 { font-family: 'Wire One', arial, serif; font-size:38px; text-transform:uppercase; text-shadow:0px 0px 1px #fff; }
#iw_thumbs li div .staff_name { font-size:24px; text-transform:uppercase; text-shadow:0px 0px 1px #fff; }
ul.iw_thumbs li div p { font-size:12px; line-height:20px; padding-top:5px; }
ul.iw_thumbs li:nth-child(1) {
 margin-left:50px;
}
ul.iw_thumbs li:nth-child(even) {
 margin-top:30px;
}
ul.iw_thumbs li:nth-child(3n) {
 margin-left:20px;
}
ul.iw_thumbs li img { border:7px solid #fff; cursor:pointer; position:relative; -moz-box-shadow:1px 1px 1px #aaa; -webkit-box-shadow:1px 1px 1px #aaa; box-shadow:1px 1px 1px #aaa; }
ul.iw_thumbs li img:hover { -moz-box-shadow:1px 1px 7px #777; -webkit-box-shadow:1px 1px 7px #777; box-shadow:1px 1px 7px #777; }
ul.iw_thumbs li:nth-child(even) img {
 height:20px;
}
ul.iw_thumbs li:nth-child(odd) img {
 height:40px;
}
ul.iw_thumbs li:nth-child(5n) img {
 height:70px;
}
ul.iw_thumbs li:nth-child(6n) img {
 height:110px;
}
ul.iw_thumbs li:nth-child(7n) img {
 height:20px;
}
.iw_ribbon { position:fixed; height:220px; /*first 220 then 0 to close and 100% to open (while top goes to 0) */ width:0px;/*first 0 then animate to 100%*/ left:0px;/*or right 0*/ top:0px; /*First, top of thumb, then animate to 0*/ background:#000; opacity:0.8; z-index:10; overflow:hidden; display:none; }
.iw_close { position:absolute; top:10px; right:100px; background:#f0f0f0 url(../images/close.gif) no-repeat center center; width:18px; height:18px; display:none; cursor:pointer; }
.iw_zoom { color:white; font-size:8px; text-transform:uppercase; padding:14px; display:none; float:right; margin-right:50px; }
.iw_ribbon img { position:absolute; top:50%; left:50%; border:7px solid #fff; }
.iw_loading { background: #fff url(../images/loader.gif) no-repeat center center; width:28px; height:28px; position: absolute; top: 50%; left: 50%; z-index: 10000; margin: -14px 0px 0px -14px; opacity:0.8; }
.contact { width:100%; padding:50px 0px; background-color:#f4f5f6; }
.blue { width:1200px; margin-left:auto; margin-right:auto; height:30px; line-height:30px; font-size:16px; color:#0FA1D3; text-align:center; margin-top:10px; }
.contact_frame { width:620px; margin-left:auto; margin-right:auto; padding:30px 50px; background-color:#FFF; margin-top:40px; }
.cf_title { line-height:30px; font-size:16px; color:#333; text-align:center; font-weight:bold; }
/*--------------留言样式------------------*/

.liu_yan { width:620px; height:auto; padding-top: 10px; margin-left:auto; margin-right:auto; margin-top:20px; }
.liu_tiao { width:620px; height:40px; margin-bottom:15px; clear:both; }
#lian_a { width:620px; display: block; float: left; }
#lian_a .inp { margin-right:10px; float: left; background: #fff; color: #999; font-size: 12px; line-height: 30px; height: 38px; padding-left: 10px; width: 293px; border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; -webkit-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; }
#lian_a .inpa { float: left; background: #fff; color: #999; font-size: 12px; line-height: 30px; height: 38px; padding-left: 10px; width: 293px; border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; -webkit-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; }
#liu_nei { width:618px; height:120px; display: block; float:left; clear:both; }
#liu_nei .nei { border: 0px; background: #fff; color: #999; height: 100px; resize: none; padding: 10px; width: 598px; font-size: 12px; border:1px solid #dadada; -moz-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; -webkit-box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, .1) inset; }
.an_niu { width:620px; height:40px; margin-left:auto; margin-right:auto; padding-top:30px; clear:both; }
.an_niu .btn { border: 0px; display:block; height: 40px; line-height: 30px; background: #0FA1D3; font-size: 14px; font-weight: bold; color: #fff; width: 240px; border-radius:50px; cursor: pointer; margin-left:auto; margin-right:auto; }
/*--------------留言样式结束------------------*/



/*--------------------经典案例-页面样式----------------------*/



.banner_case { width:100%; height:400px; background-image:url(case.jpg); background-repeat:no-repeat; background-position:top center; }
.main_n { width:100%; margin-left:auto; margin-right:auto; clear:both; background-color:#f4f5f6; padding-bottom:50px; }
.case_frame { width:1200px; margin-left:auto; margin-right:auto; }
.case_single { width:270px; height:270px; float:left; margin-right:40px; margin-top:30px; }
.case_pic { width:270px; height:180px; overflow:hidden; display:block; position:relative; }
.case_text { width:240px; height:90px; padding:0px 15px; background-color:#FFF; }
.case_name { width:240px; font-size:14px; color:#333; font-weight:bold; height:30px; line-height:30px; padding-top:10px; display:block; }
.case_name:hover { color:#0FA1D3; }
.case_link { width:240px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px; }
.case_line { width:30px; height:3px; background-color:#0FA1D3; margin-top:2px; }
.case_single.no_m { margin-right:0px; }
.ye_ma { line-height: 35px; text-align: center; height: 35px; width: 1200px; padding-top: 40px; margin-left:auto; margin-right:auto; color:#333; }
.ye_ma a { line-height: 35px; clear: none; height: 35px; font-size:14px; color:#333; padding:0 15px; background-color:#FFF; display:inline-block; margin:0 3px; border-radius:2px; }
.ye_ma a:hover { background-color:#04AEC7; color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
/*--------------------经典案例内页-页面样式----------------------*/

.banner_casea { width:100%; height:400px; background-image:url(case_bg.jpg); background-repeat:no-repeat; background-position:top center; }
.banner_frame { width:1200px; height:304px; margin-left:auto; margin-right:auto; padding-top:50px; }
.cp_case { width:320px; height:180px; padding:23px 5px 101px 5px; background-image:url(cp.png); background-repeat:no-repeat; background-position:top center; float:left; margin-left:150px; }
.banner_text { width:500px; height:300px; float:right; }
.cases_name { width:500px; line-height:40px; font-size:24px; color:#333; margin-top:30px; font-weight:bold; }
.case_linka { width:500px; height:30px; line-height:30px; font-size:16px; color:#777; margin-top:5px; overflow:hidden; }
.case_type { width:500px; height:20px; font-size:14px; color:#666; background-image:url(type.png); background-repeat:no-repeat; text-indent:30px; margin-top:10px; }
.bt { width:500px; height:30px; margin-top:50px; }
.bt a { width:40px; height:30px; text-indent:-10000px; display: inline-flex; overflow: hidden; line-height: 30px; }
.back { width:40px; height:30px; background-image:url(btnl.png); background-repeat:no-repeat; display:block; float:left; border-radius:2px; text-indent:-65px; overflow:hidden; }
.next { width:40px; height:30px; background-image:url(btnr.png); background-repeat:no-repeat; display:block; float:left; margin-left:30px; border-radius:2px; text-indent:-65px; overflow:hidden; }
.back:hover,
.next:hover { background-color:#066B8E; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/ }
.main_frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:40px; }
.main_left { width:880px; float:left; }
.case_details { width:840px; padding:20px; background-color:#FFF; overflow: hidden; }
.case_details p { line-height:2em; color:#333; text-indent:2em; overflow:hidden; }
.case_details p img { width:840px; height:auto; display:block; }
.main_right { width:270px; float:right; }
.online { width:270px; height:425px; }
.on_top { width:270px; height:260px; background-color:#FFF; padding-top:5px; }
.on_pic { width:260px; height:160px; margin-left:auto; margin-right:auto; }
.on_text { width:250px; height:80px; margin-left:auto; margin-right:auto; }
.on_ch { line-height:30px; text-align:center; font-size:16px; color:#333; margin-top:15px; }
.on_l { width:30px; height:3px; margin-left:auto; margin-right:auto; margin-top:7px; background-color:#49C1A8; }
.on_en { line-height:20px; font-size:12px; color:#999; text-align:center; margin-top:5px; }
.on_bottom { width:270px; height:120px; background-color:#FFF; margin-top:20px; padding-top:20px; }
.on_pt { width:60px; height:100px; display:block; float:left; margin-left:35px; margin-right:35px; }
.on_photo { width:60px; height:60px; }
.on_pt p { inline-box-align:20px; font-size:14px; color:#333; text-align:center; margin-top:20px; }
.m_line { width:1px; height:60px; margin-left:2px; margin-right:2px; float:left; background-color:#cccccc; }
.on_pt:hover.on_pt p { color:#0FA1D3; }
.mr_news { width:270px; margin-top:30px; }
.mrn_title { width:240px; height:40px; background-color:#0FA1D3; line-height:40px; color:#FFF; font-size:16px; font-weight:bold; padding:0 15px; background-image:url(mrn_icon.png); background-repeat:no-repeat; background-position:240px center; }
.mrn_link { width:240px; padding:10px 15px 15px 15px; background-color:#FFF; }
.mrn_link li { width:240px; height:40px; }
.mrn_link li a { width:240px; height:40px; display:block; line-height:40px; font-size:12px; color:#333; border-bottom:1px dashed #f1f1f1; overflow: hidden; }
.mrn_link li a:hover { color:#0FA1D3; }
/*--------------------新闻中心-页面样式----------------------*/



.banner_news { width:100%; height:400px; background-image:url(news.jpg); background-repeat:no-repeat; background-position:top center; }
.news_frame { width:1200px; margin-left:auto; margin-right:auto; padding-top:20px; }
.news_single { width:1200px; height:150px; margin-top:30px; }
.time { width:60px; height:100px; float:left; }
.day { width:60px; height:40px; background-image:url(time.png); background-repeat:no-repeat; line-height:40px; text-align:center; font-size:26px; color:#333; font-weight:bold; padding-top:20px; }
.year { width:60px; height:20px; line-height:20px; color:#999; margin-top:5px; font-size:14px; }
.news_pic { width:220px; height:150px; display:block; float:left; margin-left:40px; }
.news_text { width:800px; height:110px; float:left; padding:20px 40px; }
.news_name { width:750px; height:30px; line-height:30px; font-size:16px; color:#333; font-weight:bold; margin-top:10px; display:block; }
.news_name:hover { color:#0FA1D3; }
.news_content { width:750px; height:50px; color:#666; font-size:12px; line-height:25px; margin-top:10px; }
.news_single:hover .day { color:#E82A2A; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
.news_single:hover .news_text { background-color:#FFF; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;/*过渡效果*/ }
/*--------------------新闻中心内页-页面样式----------------------*/

.news_details { width:880px; background-color:#FFF; }
.nd_top { height:90px; padding:20px; border-bottom:1px solid #CCC; background-color:#FFF; }
.ndt_left { width:660px; height:60px; float:left; margin-top:15px; }
.n_title { height:30px; line-height:30px; color:#0FA1D3; font-size:18px; }
.n_time { height:20px; line-height:20px; font-size:12px; color:#999; text-indent:25px; background-image:url(lock.png); background-repeat:no-repeat; background-position:left center; margin-top:10px; }
.ndt_right { width:60px; height:90px; padding-left:50px; padding-right:30px; border-left:1px solid #CCC; float:right; }
.n_photo { width:60px; height:60px; overflow:hidden; }
.n_author { line-height:20px; font-size:14px; color:#333; text-align:center; margin-top:10px; }
.nd_bottom { width:840px; background-color:#FFF; padding:20px; }
.nd_bottom p { line-height:2em; color:#333; text-indent:2em; overflow:hidden; }
.change { width:840px; margin-top:30px; font-size:14px; background-color:#FFF; color:#999; padding:10px 20px 20px 20px; }
.change a { line-height:25px; font-size:14px; color:#333; display: inline-block; margin-top:10px; }
.change a:hover { color:#0FA1D3; }
/*--------------------主营业务-页面样式----------------------*/


.banner_business { width:100%; height:400px; background-image:url(business.jpg); background-repeat:no-repeat; background-position:top center; }
.buss_pic { width:270px; height:180px; overflow:hidden; float:left; }
.buss_text { width:760px; height:180px; float:left; margin-left:50px; }
.buss_name { width:755px; height:30px; display:block; line-height:30px; color:#333; font-size:18px; border-left:5px solid #CC0505; font-weight:bold; text-indent:15px; margin-top:60px; }
.buss_rofiles { width:760px; height:30px; line-height:30px; color:#333; font-size:14px; margin-top:15px; background-image:url(hong.png); background-repeat:no-repeat; background-position:left center; text-indent:20px; }
.subNav { width:1200px; height:180px; margin-top:30px; cursor:pointer; background:url(plus_bg.png) no-repeat; background-position:95% 50%; background-color:#FFF; }
.currentDt { background-image:url(del_tit.png); }
.navContent { display: none; }
.buss_single { width:330px; height:90px; background-color:#FFF; float:left; margin-right:45px; margin-top:30px; padding:20px; }
.buss_icon { width:40px; height:40px; overflow:hidden; float:left; margin-right:20px; }
.busss_text { width:270px; height:85px; float:left; }
.busss_title { width:270px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#333; display:block; }
.busss_word { width:270px; height:50px; line-height:25px; color:#666; font-size:12px; margin-top:5px; overflow:hidden; }
.busss_title:hover { color:#0FA1D3; }
.buss_single.no_m { margin-right:0px; }
.buss_single:hover { background-color:#f1f1f1; }
/*--------------------主营业务内页-页面样式----------------------*/

.ndt_lefta { width:490px; height:60px; float:left; margin-top:15px; }
.ndt_righta { width:110px; height:60px; padding-left:40px; padding-right:20px; border-left:1px solid #CCC; float:right; margin-top:15px; }
.ndt_rightb { width:60px; height:60px; padding-left:40px; padding-right:40px; border-left:1px solid #CCC; float:right; margin-top:15px; }
.bta { width:110px; height:30px; margin-top:15px; }
.bta a { width:40px; height:30px; text-indent:-10000px; display: inline-flex; overflow: hidden; line-height: 30px; }
.backa { width:40px; height:30px; background-image:url(btl.png); background-repeat:no-repeat; display:block; float:left; border-radius:2px; text-indent:-65px; overflow:hidden; }
.nexta { width:40px; height:30px; background-image:url(btr.png); background-repeat:no-repeat; display:block; float:left; margin-left:30px; border-radius:2px; text-indent:-65px; overflow:hidden; }
.backa:hover,
.nexta:hover { background-color:#0FA1D3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/ }
.buss_details { width:880px; margin-top:30px; overflow:hidden; background-color:#FFF; }
.buss_details p { line-height:2em; color:#333; text-indent:2em; overflow:hidden; }
/*--------------------公开课-页面样式----------------------*/

.banner_class { width:100%; height:400px; background-image:url(class.jpg); background-repeat:no-repeat; background-position:top center; }
.class_frame { width:1200px; margin-left:auto; margin-right:auto; }
.class_single { width:580px; height:240px; float:left; background-color:#FFF; margin-right:40px; margin-top:30px; }
.class_pic { width:360px; height:240px; overflow:hidden; display:block; float:left; position:relative; }
.class_text { width:170px; height:240px; padding:0px 15px; float:left; padding-left:30px; }
.class_name { width:170px; font-size:14px; color:#333; font-weight:bold; line-height:30px; display:block; margin-top:50px; }
.class_name:hover { color:#0FA1D3; }
.class_author { width:170px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px; }
.class_line { width:30px; height:3px; background-color:#0FA1D3; margin-top:2px; }
.class_look { width:80px; height:30px; border:1px solid #CCC; display:block; text-align:center; line-height:30px; border-radius:4px; margin-top:30px; color:#333; }
.class_look:hover { background-color:#0FA1D3; color:#FFF; border:1px solid #0FA1D3; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;/*过渡效果*/ }
.class_single.no_m { margin-right:0px; }
/*--------------------公开课内页-页面样式----------------------*/


.ndt_rightc { width:110px; height:60px; padding-left: 80px; padding-right: 60px; border-left:1px solid #CCC; float:right; margin-top:15px; }
.class_details { width:1200px; margin-top:30px; }
.video { width:880px; height:510px; overflow:hidden; float:left; }
.attention { width:270px; height:510px; float:right; }
.at_top { width:240px; height:280px; background-color:#FFF; background-image:url(jiao.png); background-repeat:no-repeat; background-position:0px 0px; padding:15px; }
.att_title { width:240px; line-height:30px; font-size:16px; font-weight:bold; color:#333; text-align:center; margin-top:5px; }
.att_title span { color:#0FA1D3; }
.sao_ma { width:160px; height:160px; margin-left:auto; margin-right:auto; margin-top:10px; }
.sao_wen { width:240px; height:30px; line-height:30px; font-size:14px; color:#333; text-align:center; margin-top:5px; }
.at_bottom { width:240px; height:150px; background-color:#0FA1D3; color:#FFF; line-height:30px; padding:25px 15px 25px 15px; font-size:12px; text-align:center; }
.hot_class { width:100%; padding:50px 0px; background-color:#FFF; }
.hot_frame { width:1200px; margin-left:auto; margin-right:auto; }
.hot_single { width:270px; height:275px; float:left; margin-right:40px; background-color:#f4f5f6; margin-top:30px; }
.hot_pic { width:270px; height:180px; overflow:hidden; display:block; }
.hot_text { width:240px; height:115px; padding:0px 15px; z-index:99; position:relative; margin-top:-30px; }
.hot_name { width:240px; font-size:14px; color:#333; font-weight:bold; height:30px; line-height:30px; padding-top:10px; display:block; background-image:url(shi1.png); background-repeat:no-repeat; background-position:right 15px; }
.hot_name:hover { color:#0FA1D3; background-image:url(shi2.png); }
.author_name { width:240px; font-size:12px; color:#999; height:20px; line-height:20px; margin-top:10px; }
.hot_single.no_m { margin-right:0px; }
.ht_top { width:240px; height:74px; border-bottom:1px solid #CCC; }
.author_photo { width:50px; height:50px; padding:5px; background-color:#FFF; border-radius:50px; float:left; }
.author_mz { width:160px; height:20px; line-height:20px; font-size:14px; color:#333; float:right; margin-top:40px; }
/*--------------------联系我们-页面样式----------------------*/

.banner_contact { width:100%; height:400px; background-image:url(contact.jpg); background-repeat:no-repeat; background-position:top center; }
.contact_us { width:1200px; margin-left:auto; margin-right:auto; }
.contact_framea { width:620px; padding:30px 50px; background-color:#FFF; margin-top:40px; float:right; }
.cu_left { width:360px; height:362px; background-color:#0FA1D3; float:left; padding:30px; color:#FFF; margin-top:40px; }
.fl_framea { width:340px; height:240px; margin-top:30px; }
.fl_framea ul li { width:340px; line-height:30px; font-size:14px; margin-top:5px; }
.fl_framea ul li a { width:340px; display:block; color:#FFF; line-height:30px; font-size:14px; }
.fl_framea ul li a:hover .c_c { color:#064772; }
.address { width:100%; padding-bottom:50px; }
.ad_single { width:1200px; height:350px; margin-top:50px; margin-left:auto; margin-right:auto; }
.ditu { width:700px; height:350px; float:left; border:1px solid #CCC; overflow:hidden; }
.lian_wen { width:438px; height:292px; float:left; padding:30px; background-color:#262727; }
.lian_wen h4 { line-height:40px; color:#FFF; font-size:20px; font-weight:normal; }
.p1 { line-height:20px; font-size:12px; color:#898989; }
.tiao1 { width:438px; height:1px; background-color:#0FA1D3; margin-top:9px; margin-bottom:30px; }
.p2 { line-height:25px; font-size:14px; color:#B5B5B6; margin-top:5px; }
#container .case_pic p { height:100%; width: 100%; position: absolute; left: 0; top: -180px; color: #ffffff; z-index: 2; }
#container .case_pic .img { width: 270px; height: 180px; display: block;  -moz-transition:.5s ease-in;
 -webkit-transition:.5s ease-in;
 -o-transition:.5s ease-in;
 -ms-transition:.5s ease-in;
 transition:.5s ease-in;
}
#container .case_pic:hover .img { transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1) }
#container .case_pic p i { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.case_pic p .look { display: block; position: absolute; width: 50px; height: 50px; padding:30px 50px; left:50%; margin-left: -75px; margin-top:-50px; background:url(link.png) no-repeat center center; }
.case_pic p .look:hover { background:url(linka.png) no-repeat center center; }
#container .class_pic p { height:100%; width: 100%; position: absolute; left: 0; top: -240px; color: #ffffff; z-index: 2; }
#container .class_pic .img { width: 360px; height: 240px; display: block;  -moz-transition:.5s ease-in;
 -webkit-transition:.5s ease-in;
 -o-transition:.5s ease-in;
 -ms-transition:.5s ease-in;
 transition:.5s ease-in;
}
#container .class_pic:hover .img { transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1) }
#container .class_pic p i { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.class_pic p .look { display: block; position: absolute; width: 60px; height: 60px; padding:30px 50px; left:50%; margin-left: -75px; margin-top:-50px; background:url(video.png) no-repeat center center; }
.guarantee { width:100%; padding:50px 0px; background-color:#FFF; }
.gt_frame { width:1200px; margin-left:auto; margin-right:auto; margin-top:40px; }
.gt_frame p { line-height:30px; margin-top:30px; text-align:center; font-size:14px; color:#666; }
.zhizhao { width: 62px; height: 74px; overflow:hidden; float:left; margin-left: 30px; margin-top: 105px; }
.yyzz { width:62px; height:74px; display:block; }
/*--------------------手机APP-页面样式----------------------*/

.banner_case { width:100%; height:400px; background-image:url(case.jpg); background-repeat:no-repeat; background-position:top center; }
.main_n { width:100%; margin-left:auto; margin-right:auto; clear:both; background-color:#f4f5f6; padding-bottom:50px; }
.app_frame { width:1200px; margin-left:auto; margin-right:auto; }
.app_single { width:270px; height:566px; float:left; margin-right:40px; margin-top:40px; background-image: url(phone.png); background-repeat:no-repeat; }
.app_pic { width:225px; height:400px; overflow:hidden; display:block; position:relative; margin-top:76px; margin-left:23px; }
.app_single.no_m { margin-right:0px; }
#container .app_pic p { height:100%; width: 100%; position: absolute; left: 0; top: -400px; color: #ffffff; z-index: 2; }
#container .app_pic .img { width: 225px; height: 400px; display: block;  -moz-transition:.5s ease-in;
 -webkit-transition:.5s ease-in;
 -o-transition:.5s ease-in;
 -ms-transition:.5s ease-in;
 transition:.5s ease-in;
}
#container .app_pic:hover .img { transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1) }
#container .app_pic p i { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: -1; background: #000000; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); font-size: 16px; }
.app_pic p .looka { display: block; position: absolute; width: 180px; height: 230px; left:50%; margin-left: -90px; margin-top:-100px; }
.app_pic p .looka img { width:180px; height:180px; display:block; }
.app_pic p .tishi { display: block; width: 180px; height: 30px; margin-top:20px; text-align:center; font-size:14px; color:#FFF; }
/*分页样式*/
.page_turner { margin: 20px 0; text-align: center; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.current { background: #E84414; color: #FFF; }


.plist .wrap { margin-bottom: 20px; padding: 4px; border: 1px solid #EEE; overflow: hidden;}
.plist .wrap img:hover { animation:plist 1s .1s ease both;}
.plist .title { text-align: center; height: 36px; line-height: 36px; background: #EEE; }
@keyframes plist{
	0%{ transform:scale(1) }
	50%{ transform:scale(1.1) }
	100%{ transform:scale(1) }
}
.pdlist .wrap { background: #F7F7F7; padding: 10px; margin-bottom: 10px; border: 1px solid #EEE; }
.pdlist .l { width: 120px; float: left; }
.pdlist .r { float: right; width: 740px; }
.pdlist .title { line-height: 36px; border-bottom: 1px dotted #999;} 
.pdlist .content { font-size: 12px; color: #AAA; padding: 10px 0; } 
.pdlist .info { font-size: 12px; text-align: right; } 

.prlist .wrap { border: 1px solid #EEE; padding: 10px; margin-bottom: 2px;}
.prlist .bd { margin-top: 10px; }
.prlist .bd .content{ font-size: 12px; color: #999; }
.prlist .on{ background: #FAFAFA; }

.waterfall  { position: relative; }
.waterfall > div { position: absolute !important; }
.x3 { width:24%; float:left; margin:0 5px}
.x3 img { width:100%; height:200px}
.x4 { width:24%; float:left; margin:0 5px}

#pro { }
.lt { float:left; width:800px; padding:20px; margin-top:20px; background:#FFFFFF}
.rt { float:right; width:320px; margin-top:20px; background:#FFFFFF}
.rt_title1 { height:40px; background:url(images/rt1.jpg) no-repeat}
.rt_title2 { height:40px; background:url(images/rt2.jpg) no-repeat}
.rt_body {  margin-top:20px; background:#FFFFFF}
.x9 ul li { }
.x9 ul li a:hover { color:#E84414}
/*详情页面*/
#detail_title { font-size: 24px; line-height: 50px; }
#detail_intro { background: #EEE; text-align:right; color: #999; padding: 0 10px; line-height: 40px; font-size: 12px; background: linear-gradient(to right, #EEE, #FFF); }
#detail_content { padding: 20px 0; line-height:30px; font-size: 14px; }
#detail_around { padding: 20px; background: #F5F5F5; line-height: 26px; border: 1px solid #CCCCCC; margin-bottom: 20px; }
#detail_picture { width: 660px; margin: 20px auto; text-align: center; }
#detail_picture img { padding: 5px; border: 1px solid #EEE; }

/*图片列表[简约]*/
.picture_list li { float:left; text-align:center; padding:4px;}
.picture_list_img_wrap img { padding:5px; border:1px solid #f60; width:250px; height:210px;}
.picture_list_img_wrap1 img {  width:260px; height:185px;padding:5px; border:1px solid #DADADA;}
.picture_list_img_wrap2 img{ padding:2px; border:1px solid #DADADA; width:232px; height:330px;}
.picture_list_img_wrap3 img{ padding:5px; border:1px solid #DADADA;width:280px; height:210px;}
.picture_list_img_wrap img:hover{ padding:5px; border:1px solid #C00;}

/*友情链接*/
.container { width:1400px; margin:0 auto}
.link_title { padding-left:5px; height:30px; line-height:30px; color:#7E7E7E; border-bottom:1px dotted #CCC}
#link li { float:left}
#link li a{ padding:0 5px; color:#7E7E7E}
#link li a:hover { color:#f60}